<nz-card
  nzHoverable
  style="width: 264px"
  [nzCover]="coverTemplate"
  [nzActions]="[actionSetting, actionEdit]"
>
  <nz-card-meta [nzTitle]="courseObj.name"></nz-card-meta>
</nz-card>
<ng-template #coverTemplate>
  <img alt="example" [src]="courseObj.url" (click)="sendMessage()" />
</ng-template>
<ng-template #actionSetting>
  <span nz-icon nzType="usergroup-delete" nzTheme="outline"></span>
  <span>{{ courseObj.count }}</span>
  <span nz-icon nzType="comment" nzTheme="outline"></span>
  <span>{{ courseObj.comments }}</span>
</ng-template>
<ng-template #actionEdit>
  <span [style.color]="courseObj.isFree ? '#43bc60' : '#ed3e3e'">{{
    courseObj.isFree ? "免费" : courseObj.price
  }}</span>
</ng-template>
